#order-pay-content-wrapper{
	margin: 0%;
	padding: 0%;
}
.header{
	margin-bottom: 2.4vmin;
	    position: relative;
}
.ticket-info {
    background-color: var(--bui-color-bg-view);
    border-radius: 2.13333vmin;
    color: #5f6672;
    margin: 2.4vmin;
    padding: 4vmin 0 2.93333333vmin;
    position: relative;
}
.header .count-down {
    background-color: #ffe9d2;
    border-radius: .53333vmin 2.13333vmin;
    color: #ff901c;
    font-size: 3.2vmin;
    font-weight: 700;
    line-height: 1;
    padding: .8vmin 1.33333333vmin;
    position: absolute;
    right: 0;
    top: 0;
}
.ticket-info .top-container {
    display: flex;
    padding: 0 3.2vmin 2.66666667vmin;
}
.ticket-info .top-container .movie-poster-c, .ticket-info .top-container .movie-poster-c .movie-poster {
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.6vmin;
    height: 30.66666667vmin;
    overflow: hidden;
    width: 22.93333333vmin;
}
.ticket-info .top-container .buy-info {
    flex: auto;
    line-height: 1.2;
    margin-left: 3.2vmin;
    width: 0;
}
.ticket-info .top-container .buy-info .info-title {
    align-items: baseline;
    color: var(--bui-color-fg-default);
    display: flex;
    font-size: 3.73333vmin;
    margin-bottom: .53333333vmin;
    margin-top: .53333333vmin;
}
.ticket-info .top-container .buy-info .info-title .movie-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 5.33333vmin;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.ticket-info .top-container .buy-info .info-title .count-price {
    color: #5f6672;
    flex: auto;
    font-size: 3.2vmin;
    text-align: right;
    white-space: nowrap;
}
.ticket-info .top-container .buy-info .info-title+.brief {
    margin-top: 2.13333333vmin;
}
.ticket-info .top-container .buy-info .brief {
    color: #5f6672;
    font-size: 3.2vmin;
    line-height: 1;
    margin-top: 2.4vmin;
}
.ticket-info .top-container .buy-info .cinema-address, .ticket-info .top-container .buy-info .cinema-name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ticket-info .top-container .buy-info .cinema-address, .ticket-info .top-container .buy-info .cinema-name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ticket-info .m-line {
    align-items: center;
    display: flex;
}
.ticket-info .m-line .lc, .ticket-info .m-line .rc {
    background: var(--bui-color-bg-default);
    height: 4.26667vmin;
    width: 2.13333vmin;
}
.ticket-info .m-line .ml {
    border-top: 1px solid var(--bui-color-border-default);
    flex: 1 1;
    margin: 0 2.66666667vmin;
}
.ticket-info .m-line .rc {
    border-radius: 4.26667vmin 0 0 4.26667vmin;
}
.ticket-info .bottom-container {
    align-items: center;
    display: flex;
    font-size: 3.2vmin;
    justify-content: space-between;
    padding: .8vmin 3.2vmin 0;
}
.ticket-info .bottom-container .refund-endorse-box {
    align-items: center;
    display: flex;
    flex: 1 1;
}
.ticket-info .bottom-container .refund-endorse-box .tip {
    align-items: center;
    color: #2e333e;
    display: flex;
    flex-shrink: 0;
    font-weight: 600;
    line-height: 1;
}
.ticket-info .bottom-container .refund-endorse-box .disabled .tip-disable-tag {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cpath fill=%27%23ff5456%27 d=%27M24 4c11.046 0 20 8.954 20 20 0 3.148-.73 6.197-2.111 8.953a2 2 0 1 1-3.576-1.793A15.924 15.924 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24s7.163 16 16 16c3.244 0 6.338-.965 8.964-2.745a2 2 0 1 1 2.244 3.311A19.914 19.914 0 0 1 24 44C12.954 44 4 35.046 4 24S12.954 4 24 4m-3.536 13.636L24 21.172l3.536-3.536a2 2 0 1 1 2.828 2.828L26.828 24l3.536 3.536a2 2 0 1 1-2.828 2.828l-3.537-3.536-3.535 3.536a2 2 0 1 1-2.828-2.828l3.535-3.537-3.535-3.535a2 2 0 1 1 2.828-2.828%27/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-size: contain;
}
.ticket-info .bottom-container .refund-endorse-box .tip .tip-text {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ticket-info .bottom-container .refund-endorse-box .tip+.tip {
    flex: 0 1 auto;
    margin-left: 3.2vmin;
}
.ticket-info .bottom-container .refund-endorse-box .disabled .tip-disable-tag {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cpath fill=%27%23ff5456%27 d=%27M24 4c11.046 0 20 8.954 20 20 0 3.148-.73 6.197-2.111 8.953a2 2 0 1 1-3.576-1.793A15.924 15.924 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24s7.163 16 16 16c3.244 0 6.338-.965 8.964-2.745a2 2 0 1 1 2.244 3.311A19.914 19.914 0 0 1 24 44C12.954 44 4 35.046 4 24S12.954 4 24 4m-3.536 13.636L24 21.172l3.536-3.536a2 2 0 1 1 2.828 2.828L26.828 24l3.536 3.536a2 2 0 1 1-2.828 2.828l-3.537-3.536-3.535 3.536a2 2 0 1 1-2.828-2.828l3.535-3.537-3.535-3.535a2 2 0 1 1 2.828-2.828%27/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-size: contain;
}
.ticket-info .bottom-container .refund-endorse-box .refund-endorse-notice {
    color: #959aa5;
    flex: 1 0 auto;
    margin-left: 1.33333333vmin;
    text-align: right;
}
.ticket-info .bottom-container .refund-endorse-box .tip .tip-text {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ticket-info .bottom-container .refund-endorse-box .refund-endorse-notice {
    color: #959aa5;
    flex: 1 0 auto;
    margin-left: 1.33333333vmin;
    text-align: right;
}
.ticket-info .bottom-container .refund-endorse-box .s-arrow {
    align-items: center;
    display: flex;
    flex: none;
}
svg.bui-svg-icon {
    fill: currentColor;
    transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms;
}
.marketing-wraper, .sale-food-area {
    border-radius: 2.4vmin;
    margin-bottom: 2.4vmin!important;
}
.block-div .block-title {
    text-align: left;
}
.block-div .block-title .desc {
    align-items: center;
    background: transparent linear-gradient(0deg,#ededed,#ededed 50%,transparent 0,transparent 0) 0 100% repeat-x;
    background-size: 100% 1px;
    display: flex;
    font-size: 4.26667vmin;
    justify-content: flex-start;
    line-height: 1;
    padding: 3.46666667vmin 0;
}
.bui-svg-icon {
    background-size: cover;
    display: inline-flex;
    flex-shrink: 0;
    height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1em;
}
.block-div {
    background-color: var(--bui-color-bg-default);
    border-radius: 2.4vmin;
    margin-left: 2.4vmin;
    margin-right: 2.4vmin;
    overflow: hidden;
}
.bui-list {
    background: var(--bui-color-bg-view);
    font-size: var(--bui-title-size-3);
    list-style: none;
}
.rule-info {
    background-color: var(--bui-color-bg-view);
    border-radius: 2.4vmin;
    padding: 3.2vmin;
}
.rule-info .title {
    background: transparent linear-gradient(0deg,#ededed,#ededed 50%,transparent 0,transparent 0) 0 100% repeat-x;
    background-size: 100% 1px;
    font-size: 4.26667vmin;
    font-weight: 600;
    padding-bottom: 2.66667vmin;
}
.rule-info .desc {
    color: var(--bui-color-fg-muted);
    font-size: 3.46667vmin;
    line-height: 1.8;
    padding-bottom: 2.66667vmin;
    padding-top: 2.66667vmin;
    white-space: pre-wrap;
}
.footer-bar .pay-bar {
    position: relative;
    z-index: 100001;
}
.footer-bar .pay-bar .bill-bar {
    align-items: center;
    display: flex;
    padding: 2.4vmin 3.2vmin;
}
.footer-bar .pay-bar .bill-bar .price-info {
    flex: 1 1;
    overflow: hidden;
}
.footer-bar .pay-bar .bill-bar .price-info .amount {
    color: var(--bui-color-primary);
    font-size: 5.33333vmin;
    font-weight: 500;
    line-height: 6.4vmin;
}
.footer-bar .pay-bar .bill-bar .price-info .amount .pay-desc {
    color: var(--bui-color-fg-subtle);
    font-size: 2.66667vmin;
    font-weight: 400;
}
.footer-bar .pay-bar .bill-bar .price-info .amount .money {
    font-size: 3.73333vmin;
}
.footer-bar .pay-bar .bill-bar .price-info .amount .pay-desc {
    color: var(--bui-color-fg-subtle);
    font-size: 2.66667vmin;
    font-weight: 400;
}
.footer-bar .pay-bar .bill-bar .price-info .tip {
    align-items: center;
    color: var(--bui-color-fg-muted);
    display: flex;
    flex-wrap: nowrap;
    font-size: 2.93333vmin;
}
.footer-bar .pay-bar .bill-bar .price-info .tip .desc {
    margin-right: .53333vmin;
}
.footer-bar .pay-bar .bill-bar .pay-detail {
    margin-right: 2.1vmin;
    overflow: hidden;
    padding: 4.26666667vmin 2.13333333vmin;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.footer-bar .pay-bar .bill-bar .pay-detail .action {
    color: #5f6672;
    font-size: 3.2vmin;
    line-height: 3.2vmin;
}
.up-arrow {
    background: url(//gw.alicdn.com/tfs/TB1X.kOmBr0gK0jSZFnXXbRRXXa-10-8.svg) 50% no-repeat;
    background-size: contain;
    display: inline-block;
    height: 1.06667vmin;
    margin-left: 1.06667vmin;
    overflow: hidden;
    transition: transform .3s ease;
    vertical-align: middle;
    width: 1.33333vmin;
}
.footer-bar .pay-bar .bill-bar .pay-btn {
    align-items: center;
    background-image: linear-gradient(45deg,var(--bui-color-primary-start),var(--bui-color-primary-end));
    border-radius: 13.3vmin;
    color: #fff;
    display: flex;
    height: 12vmin;
    overflow: hidden;
    text-align: center;
    width: 40vmin;
}
.icon-phone {
    background-image: url(//gw.alicdn.com/tfs/TB1C3XageL2gK0jSZFmXXc7iXXa-72-72.svg);
    background-position: 50%;
    background-size: cover;
    height: 9.6vmin;
    width: 9.6vmin;
}
.user-phone-container .bui-list-item .bui-list-item-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.user-phone-container .bui-list {
    border-radius: 2.13333vmin;
    flex-grow: 2;
}
.bui-list-medium .bui-list-item {
    padding: 4.8vmin 3.2vmin;
}
.user-phone-container .bui-list-item .bui-list-item-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.user-phone-container .bui-list-item .phone-title {
    color: #2e333e;
    font-size: 3.73333vmin;
}
.user-phone-container .bui-list-item .phone-brief {
    font-size: 3.2vmin;
}
.user-phone-container .bui-list-item .b-gray {
    color: #5f6672;
}
.bui-list-item-footer .bui-svg-icon {
    color: var(--bui-color-fg-subtle);
}
*, :after, :before {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
}
.footer-bar .pay-bar .bill-bar .pay-btn {
    align-items: center;
    background-image: linear-gradient(45deg,var(--bui-color-primary-start),var(--bui-color-primary-end));
    border-radius: 13.3vmin;
    color: #fff;
    display: flex;
    height: 12vmin;
    overflow: hidden;
    text-align: center;
    width: 40vmin;
	
}
.footer-bar .pay-bar .bill-bar .pay-btn .main {
    font-size: 4.8vmin;
    line-height: 5.6vmin;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
	text-decoration: none;
}
.ob-dialog-mask.show {
    display: block;
}
.ob-dialog.show {
    display: block;
}
.ob-dialog .ob-dialog-wrap {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 3.2vmin;
    line-height: 5.6vmin;
    margin: 0 auto;
    max-width: 80vmin;
    padding-top: 5.6vmin;
}
.ob-dialog .ob-dialog-header {
    box-sizing: border-box;
}
.ob-dialog .ob-dialog-body {
    box-sizing: border-box;
    color: #5f6672;
    font-size: 4vmin;
    line-height: 5.33333vmin;
    padding: 0 6.4vmin;
}
.ob-dialog.show .ob-dialog-brief {
    font-size: 3.73333vmin;
}
.ob-dialog.show .ob-dialog-footer, .ob-dialog.show .ob-dialog-header h3 {
    font-size: 4.26667vmin;
}
.ob-dialog .ob-dialog-footer {
    border-top: 1px solid rgba(0,0,0,.05);
    display: -webkit-flex;
    margin-top: 4vmin;
}
.ob-dialog .ob-dialog-button:last-child, .ob-dialog .ob-dialog:last-child {
    border-bottom-right-radius: 3.2vmin;
    color: #ff4361;
    font-weight: 500;
}